<%= form_for(@security_person, :html => { :multipart => true,:onsubmit => "return validate(this);"  }) do |f| %>
  <% if @security_person.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@security_person.errors.count, "error") %> prohibited this security_person from being saved:</h2>

      <ul>
      <% @security_person.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
<div class="shadow">
<fieldset id="agrupacion" >
<legend>Datos Básicos </legend>
  <div class="field">
    <label>Nombre:</label>
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <label>Apellidos:</label>
    <%= f.text_field :lastname %>
  </div>
  <div class="field">
    <label>Dirección:</label>
    <%= f.text_area :address %>
  </div>
  <div class="field">
    <label>Teléfono:</label>
    <%= f.text_field :phone %>
  </div>
  <div class="field">
    <label>E-mail:</label>
    <%= f.text_field :email %>
  </div>
</fieldset>
  <div class="actions">
    <%= f.submit "Enviar" %>
  </div>
</div>
<% end %>
<script type="text/javascript">
  // form validation function //
  function validate(form) {
    //input
    var name = form.security_person_name.value;
    var apellido = form.security_person_lastname.value;    
    var phone = form.security_person_phone.value;
    var email = form.security_person_email.value;
    //select

    if(name == "") {
      inlineMsg('security_person_name','Debe ingresar un nombre para la persona.',3);
      return false;
    }
    if(!name.match(nameRegex)) {
      inlineMsg('security_person_name','Debe de ingresar un nombre válido.',3);
      return false;
    }
    if(apellido == "") {
      inlineMsg('security_person_lastname','Debe ingresar un apellido para la persona.',3);
      return false;
    }
    if(!apellido.match(nameRegex)) {
      inlineMsg('security_person_lastname','Debe de ingresar un apellido válido.',3);
      return false;
    }

    
    if (phone.toString().length >0) {
      if(!phone.match(phoneRegex)) {
        inlineMsg('security_person_phone','Debe ingresar un telefono con el formato válido.',3);
        return false;
      }
    }
    if (email.toString().length >0) {
      if(!email.match(emailRegex)) {
        inlineMsg('security_person_email','Debe ingresar un email con el formato válido.',3);
        return false;
      }
    }
  }
</script>